<template>
    <div class="main-content">
        <div class="log-container">
            <p v-for="(log, _k) in logs" :key="_k">{{ log }}</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'Log',
        computed: {
            logs() {
                return this.$store.state.log.logs;
            },
        },
        mounted() {
            this.$store.dispatch('log/loadLog', this.$route.params.id);
        },
    };
</script>

<style lang="scss" scoped>
    .main-content {
        padding: 24px;
        height: 55vh;
    }
</style>
